<meta charset="UTF-8">

<meta charset="ISO-8859-1">
<style>

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
</style>
<div class="tentralizar-div">
 <div class="text-center">

		<h2>Editar Produto</h2>

	</div>
	<div class=".container">
	
                    
               
    <form role="form" ng-submit="atualizar()" >
   
    <label class="control-label" for="quantidade">Produto</label>
    <input  type="email" class="form-control " placeholder="Descrição" ng-model="produtoRetornado.produto.descricao" readonly="readonly"/>
    
    <div class="control-group">
                <label class="control-label" for="produto">Novo Produto</label>
                <div class="controls">

               <select id="produto"  ng-model="produtoRetornado.idProduto" class="form-control" required>

               <option  ng-repeat="item in produtos" value="{{item.id}}">{{ item.descricao }} </option>
              <option value="" selected>Selecione...</option>

    </select>
           </div>
            </div>
    
    <label class="control-label" for="quantidade">Quantidade</label>
    <input type="number" class="form-control " placeholder="Quantidade" ng-model="produtoRetornado.qtde" required="required" />
    
    <label class="control-label" for="quantidade">Preço do Custo</label>
    <input type="number" class="form-control " placeholder="Preço do Custo" ng-model="produtoRetornado.precoCusto" required="required" />
    
      <label class="control-label" for="quantidade">Valor Unitário</label>
    <input type="number" class="form-control " placeholder="Valor Unitário" ng-model="produtoRetornado.valorUnitario" required="required" />
    <hr />
    
    <div class="control-group" >
                <label class="control-label" for="valorUnitario">Lucro em Dinheiro</label>
                <div class="controls">
                 {{produtoRetornado.valorUnitario - produtoRetornado.precoCusto | currency }}
                </div>
            </div>

    <div class="control-group" >
                <label class="control-label" for="valorUnitario">Lucro em Porcentagem</label>
                <div class="controls">
                 {{((produtoRetornado.valorUnitario - produtoRetornado.precoCusto) / produtoRetornado.precoCusto) * 100}}%
                </div>
            </div>
    
    <br /><button  type="submit" class="btn btn-primary btn-lg btn-block">Salvar</button>
   </form><br />
   <div class="text-left">
						<button ng-click="back()" class="btn btn-primary">Voltar</button>
                    </div>